<template>
  <div>
    <transition name='fade'>
      <header-deng v-if="$store.state.denglutf"/>
    </transition>
    <header-header/>
    <router-view/>
    <home-footer class="top" ref="foot"/>
  </div>
</template>

<script>
import HeaderHeader from './components/header'
import HeaderDeng from './components/denglu'
import HomeFooter from './components/footer'
export default {
  name: 'Header',
  components: {
    HeaderHeader,
    HeaderDeng,
    HomeFooter
  },
  mounted () {
    console.clear()
  }
}
</script>

<style lang="stylus" scoped>
  .fade-enter,
  .fade-leave-to{
    opacity: 0
  }
  .fade-enter-active,
  .fade-leave-active{
    transition: opacity 1s
  }
  .top{
    margin-top: 180px
  }
</style>
